main{
    margin-bottom: 77px;
}

main>.container{
    width: 1054px;
    /* height: 550px; */
    margin: 0 auto;

    /* 父元素 相对定位 */
    position: relative;
}


/* 侧边栏 begin */
main>.container>aside{
    width: 135px;
    background-color: #0099FF;
    /* 子元素 绝对定位 */
    position: absolute;
    left: 0;
    top: -54px;
}
main>.container>aside>li{
    line-height: 54px;
    text-align: center;
    position: relative;
    color: white;
}
main aside li.active{
    background-color: #0062A3;
}
main aside li.active::after{
    content: ">";
    position: absolute;
    right: 4px;
    top: 0;
}

main aside li:hover{
    background-color: #0062A3;
    cursor: pointer;
}

main aside li:hover::after{
    content: ">";
    position: absolute;
    right: 4px;
    top: 0;
}
/* 侧边栏 end */


/* 产品中心 begin */
main>.container article{
    width: 795px;
}

main>.container article>.breadcrumb{
    height: 30px;
    border-bottom: 1px solid #45BAEE;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 2px;
}
main>.container article>.breadcrumb a{
    color: #45BAEE;
}

main article .list{
    width: 100%;
    margin-top: 70px;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
main article .list>a{
    width: 240px;
    margin-bottom: 33px;
    text-align: center;
}

main article .list>a:nth-last-of-type(-n+3){
    margin-bottom: 0;
}

main article .list>a>img{
    margin-bottom: 15px;
}
/* 产品中心 end */


/* 分页器 begin */
main .bullets{
    width: 120px;
    height: 30px;
    display: flex;
    margin-top: 54px;
}

main .bullets li{
    width: 25%;
    height: 100%;
    border: 1px solid #3F5A77;
    box-sizing: border-box;
    color: #3F5A77;
    text-align: center;
    line-height: 30px;
}
main .bullets li.active{
    color: white;
    background-color: #3F5A77;
}
/* 分页器 end */